<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ page import="java.sql.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
#top{
		width:100%;
		height:100px;
}
#menu{
	  width: 100%;
	  height:20px;
	  background-color:#87CEEB; 
   	  position: relative;
	  float: left;
}
#f1{
		position:absolute;
		width:500px;
		color:white;
		left:100px;
	}
	#f2{
		position:absolute;
		color:white;
		right:200px;
	}
#left{
        width:40%;
		height:300px;
		float:left;
}
#right{
        width:60%;
		height:300px;
}
</style>

<base href="<%=basePath%>">
<title>登录页面</title>
    <link rel="stylesheet" type="text/css" href="js/util/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="js/util/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="js/util/easyui//themes/color.css">
    <link rel="stylesheet" type="text/css" href="js/util/easyui/demo/demo.css">
    
	<script type="text/javascript" src="js/util/jquery/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="js/util/easyui/jquery.easyui.min.js"></script>
</head>
<body background="images/340272.jpg">
	<div id="top" style="width:1000px">
	<h1 align="center" style="color:white" >欢迎来到12306服务中心</h1>
    </div>
    <div id="menu">
    <span id="f1"><marquee>www.12306.cn是中国铁路客户服务中心唯一的网站</marquee></span>
    <span id="f2"></span>
    </div>
    <div id="left" style="width:300px"></div>
    <div id="right" style="width:1000px">
    	<form action="" method="post" style="margin-top:20px" >
    	<p style="color:white">用户登录</p>
	    <div class="easyui-panel" style="width:400px;padding:20px 20px" >
	        <div style="margin-bottom:20px">
	            <input class="easyui-textbox" prompt="Username" iconWidth="28" style="width:100%;height:34px;padding:10px;">
	        </div>
	        <div style="margin-bottom:20px">
	            <input class="easyui-passwordbox" prompt="Password" iconWidth="28" style="width:100%;height:34px;padding:10px">
	        </div>
	        <div style="text-align:center;padding:5px 0">
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px">登录</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">注册</a>
            </div>
	    </div>
	    </form>
    </div>
	<script type="text/javascript">
	    var sid;
		function update(){
			var nd=new Date();
			var y=nd.getFullYear();
			var m=nd.getMonth()+1;
			var d=nd.getDate();
			
			var h=nd.getHours();
			var mm=nd.getMinutes();
			var ss=nd.getSeconds();
			if(h<10){
				 h="0"+h;
			}
			if(mm<10){
				mm="0"+mm;
			}
			if(ss<10){
				ss="0"+ss;
			}
			var dateStr=y+"年"+m+"月"+d+"日"+"\t"+h+":"+mm+":"+ss;
			var showdate=document.getElementById("f2");
			showdate.innerHTML = dateStr;
		}
		sid=setInterval("update()",1000);
	</script>
</body>

</html>